@import "./base.styl"

html, body {
  background: #fff;
}

.teaseInfo {
  width: 100%;
  max-width 750px
  margin 0 auto

  .teaseForm {
    padding 15px
    overflow: hidden;

    .submitBox {
      width: 100%;
      margin: 0;
      line-height 20px
      display flex

      .backtoPage {
        width 12px
        height 20px
        padding: 0;

        a {
          display: block;
          width: 100%;
          height: 100%;

          img {
            width 12px
            height 20px
            vertical-align: middle;
          }
        }
      }

      .title {
        padding: 0;
        text-align: center;
        font-size 18px;
        color: #000;
        font-weight: bolder;
        flex 1
      }

      .submitBtn {
        text-align: center;
        padding: 0;
        width 48px;

        button {
          display: inline-block;
          background: #138FF2;
          width: 100%;
          text-align: center;
          border: none;
          padding: 0;
          font-size 16px;
          border-radius 4px;
          color #fff

          &:focus {
            outline: none;
            outline-offset: 0;
          }
        }
      }
    }

    .suggestText {
      clear: both;
      margin-top 15px
      padding 5px
      font-size 14px
      border: 1px solid #8590A6;
      border-radius: 4px;
      color: #000;

      .textareaText {
        width: 98%;
        resize: none;
        border none
        height 200px
      }
    }

    .phone {
      clear: both;
      padding-top 20px
      width: 100%;

      input {
        display: block;
        width: 100%;
        border: 1px solid #8590A6;
        border-radius: 4px;
        height: 44px;
        line-height: 44px;
        padding-left: 5px;
        box-sizing border-box
      }
    }
  }
}

.teaseForm {
  .about-danger {
    font-size: 12px;
    text-align: center;
    clear: both;
    padding-top: 10px;
    overflow: hidden;
    color: #f00;
  }
}
